<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">

	<link rel="stylesheet" href="index.css">
	<link rel="stylesheet" href="guide.css">
	<!-- todo  引入对应的css -->
	<!-- easyui start -->
	<link rel="stylesheet" href="themes/icon.css">
	<link rel="stylesheet" href="themes/default/easyui.css">
	<!-- easyui end -->
	<title>国有建设用地抵押权首次登记</title>
	<style>
		html, body {
			width: 100%;
			height: 100%;
		}
	</style>
</head>
<body>
<!-- 模态框 start-->
<div id="modal" class="modal">
	<div class="modal-content">
		<header class="modal-header">
			<h4>新增材料信息</h4>
			<span class="close">×</span>
		</header>
		<div class="modal-body">

			<div><label>材料名称:</label><input type="text" class="autoFormInput"></div>

			<div><label>原件:</label><input type="text" class="autoFormInput"></div>
			<div><label>复印件:</label><input type="text" class="autoFormInput"></div>
			<div><label>纸质版/电子版:</label><input type="text" class="autoFormInput"></div>
			<div><label>来源渠道:</label><input type="text" class="autoFormInput"></div>
			<div><label>范本表格:</label><label class="webuploader-pick" style="margin-top: 5px;">上传文件</label></div>
			<div><label>空白表格:</label><label class="webuploader-pick">上传文件</label></div>
			<div><label>要求:</label>
				<textarea id="" cols="30" rows="10" class="textareaInfo"></textarea>
			</div>
		</div>
		<footer class="modal-footer">
			<button id="cancel">取消</button>
			<button id="sure">确定</button>
		</footer>
	</div>
</div>
<!-- 模态框 end-->
<!-- 页面布局 start-->
<div id="page" class="easyui-layout" style="width: 100%; height:100%;">
	<!-- 左侧菜单 start -->
	<div data-options="region:'west',iconCls:'icon-ok',split:true" style="width: 300px; height: 100%; display: none">
		<!-- 搜索栏 start -->
		<div id="searchft" data-options="region:'north'">
			<!--<input id="searchBusinessP" class="easyui-searchbox"
			       style="width:100%; height:30px;" data-options="searcher:searchBusinessDefTreeNode"/>-->
		</div>
		<!-- 搜索栏 end -->
		<!-- 模块结构树 start -->
		<div class="processTreeDiv" data-options="region:'south'" style="width:calc(100% - 300);">
			<!-- todo 异步加载树形结构 需要配置 url地址-->
			<ul id="businessDefTree" class="easyui-tree"
			    data-options="fit:false,border:false,closed:false,data:treedata" style="width: 125%;"></ul>
		</div>
		<!-- 模块结构树 end -->
	</div>
	<!-- 左侧菜单 end -->


	<!-- 右侧菜单 start -->
	<div data-options="region:'center'"
	     style="width: 70%; height:100%; display: none;overflow:hidden;position:relative;">
		<!-- 按钮菜单栏 start  -->
		<div id="topTool" style="width: 100%;padding:3px 10px;border-bottom:1px solid #d3d3d3;">
			<a id="businessSave" class="easyui-linkbutton" data-options="iconCls:'icon-save'" plain="true"
			   onclick="saveBusinessDef()">保存</a>
		</div>
		<!-- 按钮菜单栏 end  -->
		<!-- 业务表单页面 start  -->
		<div id="formEditor">
			<div class="easyui-layout" style="width:98%;height:100%; overflow: auto; margin:0 auto;"
			     data-options="border:false">
				<!-- 业务数据页面  start-->
				<div id="titleEditor">
					<div title="国有建设用地抵押权首次登记" class="guide-title">国有建设用地抵押权首次登记</div>
					<div class="layer-action">
						<span>
							主管部门：
							<a class="link-depart"
							   href="#">惠州市国土资源局</a>
						</span>
					</div>
				</div>
				<div id="bodyEditor">
					<div class="part-model">
						<!-- 内容标题 start -->
						<div class="layer-info m-t">
							<div class="btn-guide-panel" style="position: relative;">

								<a href="#"
								   data-href="/workflowWebService/getBusinessStartForm?businessDefinitionId=75aee0d0-03da-4437-ab47-8faddb423694"
								   data-title="国有建设用地抵押权首次登记" class="btn-guide onlineRequest">
									<img src="diy_image/btn-zxsb.png"> <span>在线申办</span></a>


								<a href="#clxx" class="btn-guide a-guide">
									<img src="diy_image/btn-bgxz.png"> <span>表格下载</span>
								</a>
							</div>

							<div class="part-tag">
								<a target="_blank" class="tag tag-wssb"> <label class="my-label">网上申办到现场不超过</label>
									<div class="tag-data">
										<input type="text" class="autoSizeInput minSizeInput" style="">
										次
									</div>
								</a> <a title="承诺期限（工作日）10" class="tag tag-cnqx"> <label class="my-label">承诺期限<br>（工作日）
							</label>
								<div class="tag-data">
									<input type="text" class="autoSizeInput minSizeInput" style="">
									天
								</div>
							</a>
							</div>
						</div>
						<!-- 内容标题 end -->

						<!-- 基本信息 start -->
						<div class="layer-info">
							<div class="layer-tit single-tit slider-site" id="jbxx">
								<span class="tit-icon"><img src="diy_image/title-normal.png" alt=""></span>基本信息
							</div>
							<!-- slider-site -->
							<div class="layer-txt">
								<table class="table-guide th-w-85" style="width:100%">
									<tbody>
									<tr>
										<th>事项类型</th>
										<td colspan="2" class="td_2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<th>实施机构</th>
										<td colspan="5">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>
									<tr>
										<th>承诺办结期限</th>
										<td colspan="2" class="td_2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<th>承诺办结期限说明</th>
										<td colspan="5">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>
									<tr>
										<th>服务对象</th>
										<td colspan="2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<th>服务事项编码</th>
										<td colspan="5">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>
									<tr>
										<th>办件类型</th>
										<td colspan="2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<th>结果名称</th>
										<td colspan="2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<th>结果样本</th>
										<td colspan="2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>
									<tr>
										<th>物流快递</th>
										<td colspan="8">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>
									<tr>
										<th>数量限制</th>
										<td colspan="8">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>
									<tr>
										<th>咨询电话</th>
										<td colspan="3">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<th>监督电话</th>
										<td colspan="4">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
									</tr>

									<tr>
										<th id="rowspan" rowspan="2">
											窗口办理信息
										</th>
										<input type="hidden" id="rowNum" value="2">
									</tr>

									<tr class="">
										<td class="td_2" colspan="2">
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<td colspan="6">
											<p class="dot" style="line-height: 21px; word-wrap: break-word;">
												<!-- todo 这个无 暂无意义-->
												无
											</p>
										</td>
									</tr>
									</tbody>
								</table>
							</div>
						</div>
						<!-- 基本信息 end -->
						<!-- 受理条件  start-->
						<div class="layer-info">
							<div class="layer-tit single-tit" id="sltj">
								<span class="tit-icon"><img src="diy_image/title-normal.png" alt=""></span>
								受理条件
							</div>
							<div class="layer-txt">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30" rows="10"
								          placeholder="请输入受理条件"></textarea>
							</div>
						</div>
						<!-- 设定依据 start -->
						<div class="layer-info">
							<div class="layer-tit single-tit" id="sdyj">
								<span class="tit-icon"><img src="diy_image/title-normal.png" alt=""></span>设定依据
							</div>
							<div class="layer-txt">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30" rows="10"
								          placeholder="请输入设定依据"></textarea>
							</div>
						</div>
						<!-- 设定依据 end -->

						<!-- 申请材料 start -->
						<div class="layer-info">
							<div class="layer-tit single-tit" id="sqcl">
								<span class="tit-icon"><img src="diy_image/title-prominent.png" alt=""></span>申请材料
							</div>
							<div class="layer-txt">


							</div>
							<div class="child-title single-tit" id="clxx">
								<span class="tit-tag">材料信息</span>
								<div id="newForm" style="float: right;margin-right: 16px;background-color: #009b00"
								     class="newRowButton webuploader-pick">新增
								</div>
							</div>

							<div class="layer-txt">
								<table class="table-guide" width="100%">
									<tbody>
									<tr>
										<!--<th rowspan="2" width="50px">序号</th>-->
										<th rowspan="2" style="width:160px;">材料名称</th>
										<th width="60px" rowspan="2">要求</th>
										<th colspan="2" class="nowrap">份数（份/套）</th>
										<th rowspan="2" width="48px" class="nowrap">纸质版/<br>电子版
										</th>
										<th rowspan="2" style="min-width: 100px;width: 100px">来源渠道</th>
										<th rowspan="2" width="60px">范本表格</th>
										<th rowspan="2" width="60px">空白表格</th>
										<th rowspan="2" width="30px">操作</th>
									</tr>
									<tr>
										<th width="28px" class="nowrap">原件</th>
										<th width="42px" class="nowrap">复印件</th>
									</tr>

									</tbody>
									<tbody class="js-mater">
									<tr>
										<!--<td>1</td>-->
										<td>
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<td class="td-info" width="70px">
											<label class="webuploader-pick webuploader-pick-small">详细信息</label>
										</td>
										<td>
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<td>
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<td>
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<td>
											<input type="text" class="autoSizeInput" autocomplete="off">
										</td>
										<td>
											<label class="webuploader-pick webuploader-pick-small">上传表格</label>
										</td>
										<td>
											<label class="webuploader-pick webuploader-pick-small">上传表格</label>
										</td>
										<td>
											<label class="webwebuploader-pick-pick webuploader-pick-small delete"
											       style="background-color: red">×</label>
										</td>
									</tr>
									</tbody>
								</table>
							</div>
							<div class="child-title single-tit" id="tbxz">
								<span class="tit-tag">填报须知</span>
							</div>
							<div class="layer-txt">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30" rows="10"></textarea>
							</div>
							<div class="child-title" id="slbz">
								<span class="tit-tag">受理标准</span>
							</div>
							<div class="layer-txt">
								<label for="modalFile_kongbai" class="webuploader-pick">上传文件</label>
								<input type="text" id="modalFile_kongbai" style="display: none">
							</div>
						</div>
						<!-- 申请材料 end -->

						<!-- 办理流程 start-->
						<div class="layer-info">
							<div class="layer-tit" id="bllc">
								<span class="tit-icon">
									<span class="tit-icon">
										<img src="diy_image/title-normal.png" alt="">
									</span>
								</span>
								办理流程
							</div>
							<div class="child-title" id="wsbllct">
								<span class="tit-tag">网上办理流程</span>
								<div class="layer-righttit">
									<!-- 判断文件类型是否有"."开头 -->
									<a alt="网上办理流程" target="_blank"
									   class="btn-cklct gradient-light-blue">
										<i></i>
										查看流程图
										<!-- todo 查看流程图是否需要配置 -->
									</a>
								</div>
							</div>
							<div class="layer-txt">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30" rows="10"></textarea>
							</div>
							<div class="child-title" id="ckbllct">
								<span class="tit-tag">窗口办理流程</span>
								<div class="layer-righttit">
									<!-- 判断文件类型是否有"."开头 -->
									<a target="_blank"
									   href="#"
									   class="btn-cklct gradient-light-blue"><i></i>查看流程图</a>
								</div>
							</div>
							<div class="layer-txt">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30" rows="10"></textarea>
							</div>


							<div class="layer-tit" id="xksf">
								<span class="tit-icon"><img src="diy_image/title-normal.png" alt=""></span>服务收费
							</div>
							<!-- slider-site -->
							<div class="layer-txt">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30"
								          rows="10"></textarea>
							</div>
						</div>


						<div class="layer-info" style="padding-bottom: 20px;">
							<div class="layer-tit" id="cjwt">
								<span class="tit-icon"><img src="diy_image/title-normal.png" alt=""></span>
								常见问题
							</div>
							<div class="layer-txt dot" style="word-wrap: break-word;">
								<textarea name="shoulitiaojian " class="textareaInfo" cols="30"
								          rows="10"></textarea>
							</div>
						</div>

					</div>
				</div>
				<!-- 业务数据页面  end-->
			</div>
		</div>
		<!-- 业务表单页面 end  -->
	</div>
	<!-- 右侧菜单 end -->
</div>
<!-- 页面布局 End-->

<!-- todo 引入对应的 js -->
<script src="jquery.min.js"></script>
<script src="jquery.easyui.min.js"></script>
<script src="index.js"></script>
</body>
</html>